<template>
	<view class="register">
		<input type="text" v-model="user.username" placeholder="请输入用户名" />
		<input type="safe-password" v-model="user.password" placeholder="请输入密码" />
		<input type="text" v-model="user.phone" placeholder="请输入电话" />
		<input type="text" v-model="user.email" placeholder="请输入邮箱" />
		<button @click="handleRegister">注册</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: {
					username: 'test',
					password: '123456',
					phone: '13177665544',
					email: 'test@qq.com',
				}
			}
		},
		methods: {
			async handleRegister() {
				try {
					// 调用云函数
					const res = await uniCloud.callFunction({
						name: 'register', // 调用的云函数的名称
						data: this.user, // 传递给云函数的参数
					})
					// 获取到云函数调用完毕后返回的数据
					// res 是一个对象，该对象中有一个 result 属性，表示的是云函数中 return 的数据内容
					console.log('云函数调用后返回:', res)
				} catch (error) {
					console.log('error::::', error)
					uni.showToast({
						title: '异常:' + error
					})
				}
			},
		}
	}
</script>

<style>
input {
	margin: 6px;
	border: 1px solid;
}
</style>
